<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
</head>

<body>
    <table border="1">
        <tr>
            <th rowspan="1" colspan="4">购物车</th>
        </tr>

        <tr>
            <th rowspan="2" colspan="1">名称</th>
            <th rowspan="1" colspan="2">2016-11-22</th>
            <th rowspan="2" colspan="1">小计</th>
        </tr>

        <tr>
            <th rowspan="1" colspan="1">重量</th>
            <th rowspan="1" colspan="1">单价</th>
        </tr>

        <tr>
            <td>苹果</td>
            <td>3公斤</td>
            <td>5元/公斤</td>
            <td>15元</td>
        </tr>

        <tr>
            <td>香蕉</td>
            <td>2公斤</td>
            <td>6元/公斤</td>
            <td>12元</td>
        </tr>

        <tr>
            <td rowspan="1" colspan="3" align="center">总价</td>
            <td>27元</td>
        </tr>
    </table>

</body>

</html>